<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About HETU</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="./css/slideShow.css">
    <link rel="stylesheet" href="./css/about HETU.css" />
    <link rel="stylesheet" href="./css/Cooperative programs.css">
</head>

<body>
    <div class="navigationBar">
        <div class="combined-header">
            <div class="combined-logo">
                <div class="logo">
                    <a href="./aboutHETU.html"><img src="./img/logo.png" alt=""></a>
                </div>
            </div>
            <div class="combined-right">
                <div>
                    <div class="link">
                        <a href="./aboutHETU.html">About HETU</a>
                    </div>
                </div>
                <div class="Cooperative">
                    <div class="link">
                        <a href="Brandon-University.html">Cooperative programs</a>
                    </div>
                    <div class="item-box">
                        <ul>
                            <li><a href="./Brandon-University.html">Brandon University</a></li>
                            <li><a href="./Wesleyan-College.html">Wesleyan College</a></li>
                            <li><a href="./FengChia-University.html">Feng Chia University</a></li>
                            <li><a href="./Trine-University.html">Trine University </a></li>
                            <li>
                                <a href="./Keiser-University.html">Keiser University</a>
                            </li>
                            <li>
                                <a href="./Jinan-University.html">Jinan University</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div>
                    <div class="link">
                        <a href="./ContactUs.html"> Contact Us</a>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="slideShow-container">
        <div class="arrow">
            <img src="./img/arrow.png" />
        </div>
        <h2>Let There Be Leaders</h2>
        <div class="moveBar">
            <img src="./img/slideShowImg1.png" alt="">
            <img src="./img/slideShowImg2.png" alt="">
        </div>
    </div>
    <div class="about-HETU">
        <div class="title">About HETU</div>
        <div class="about-HETU-container">
            <div class="text-box">
                <p><span>In a world that has become smaller in the wake of globalization, international</span>
                    <span>experience is needed now more than ever. By studying abroad, students will</span>
                    <span style="letter-spacing:-0.3px">develop their communication and collaborative skills with
                        diverse teams of people.</span>
                    <span style="letter-spacing:-0.5px">Gaining experience abroad will expand students’ horizons and
                        open up their minds</span>
                    <span style="letter-spacing:-0.4px">academically and culturally to meet the challenges of today's
                        world.
                </p>
                <p style="letter-spacing:-0.8px"><span>HETU (Higher Education Technology Universal) offers services for
                        the internationalization</span>
                    <span style="letter-spacing:-0.8px">of Higher Education and manages several study abroad platforms.
                        We provide global</span>
                    <span style="letter-spacing:-0.3px">education information and compare opportunities to improve
                        quality assurance.</span>
                    <span style="letter-spacing:-0.8px">Since 2011, we have been promoting high quality credit programs
                        globally by working</span>
                    <span style="letter-spacing:-0.8px">with reputable universities worldwide. More than 20,000 students
                        have successfully</span>
                    <span style="letter-spacing:-0.8px">finished their studies and transferred college level credits
                        back to their home institutions.</span>
                </p>
                <p style="letter-spacing:-0.6px">
                    Hetu Study Abroad Platform is an educational platform managed by Hetu Education.
                    It is dedicated to promoting and offering consultations on Global Education Exchange
                    Programs. Hetu is now working with six main cooperative programs:
                </p>
                <p class="uni">
                    Brandon University Summer Program;
                </p>
                <p class="uni">Wesleyan College International Summer Program;</p>
                <p class="uni">Feng Chia University Summer Session;</p>
                <p class="uni">Trine University Summer Program;</p>
                <p class="uni">Keiser University Credit Program;</p>
                <p>Jinan University Summer Session.</p>
                <p style="letter-spacing:-0.6px">Hetu, one of the largest summer program platforms in the world, is a
                    third-party
                    organization for program promotion and student enrollment. We are dedicated to
                    offering cooperative summer programs to students from all over the world. We do
                    this by providing excellent learning experiences and an efficient management system.
                    Students can take various college level courses and gain credits that transfer to their
                    universities. This can help students, not only by shortening their journey toward
                    graduation, but also by alleviating substantial academic overload stress.
                </p>
            </div>
            <div class="img-box">
                <div class="img">
                    <div class="red-arrow-box">
                        <img id="img1" src="./img/left-red-arrow.png" alt="">
                        <img id="img2" src="./img/right-red-arrow.png" alt="">
                    </div>
                    <div class="img-moveBar">
                        <img src="./img/rightImg1.png" alt="">
                        <img src="./img/rightImg2.png" alt="">
                        <img src="./img/rightImg1.png" alt="">
                    </div>
                </div>
                <div class="img-text">Since Hetu’s establishment, the courses offered in all summer programs hosted
                    by the
                    cooperating
                    universities have been recognized by hundreds of universities worldwide. The summer programs and
                    events are highly appreciated by participating students and their parents.
                </div>
            </div>
        </div>
    </div>


    <div class="About-banner">
        <div class="About-banner-main">
            <div class="About-Cooperative-programs-main ">
                <div class="About-Cooperative-programs">
                    <h1>Cooperative programs</h1>
                </div>
                <div class="About-Cooperative-programs-banner">
                    <div class="programs-banner">
                        <a href="Brandon-University.html">
                            <div class="programs-banner-box">
                                <div class="badge">
                                    <img src="./img/Brandon-University-Vertical-Logo-2-Colour-RGB.png" alt="">
                                </div>
                                <div class="Institution">
                                    <h5>BRANDON UNIVERSITY</h5>
                                    <div class="Introduction">
                                        Brandon University (BU) was founded as Brandon College in 1899, it is a
                                        university
                                        located
                                        in the city of Brandon, Manitoba, Canada, with an enrollment of over
                                        4000<br />……
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="Wesleyan-College.html">
                            <div class="programs-banner-box">
                                <div class="badge">
                                    <img src="./img/ee455a5b-804d-43da-aa25-b2f565374008.png" alt="">
                                </div>
                                <div class="Institution">
                                    <h5>WESLEYAN COLLEGE</h5>
                                    <div class="Introduction">


                                        <p>Wesleyan College is a private, liberal arts college in Macon, Georgia.
                                            Founded in
                                            1836.
                                            It is committed to women’s education and helping every student find a unique
                                            voice
                                            and</p>
                                        <p> .......</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="FengChia-University.html">
                            <div class="programs-banner-box">
                                <div class="badge">
                                    <img src="./img/Feng_Chia_University_logo(单色).png" alt="">
                                </div>
                                <div class="Institution">
                                    <h5>FENG CHIA UNIVERSITY</h5>
                                    <div class="Introduction">
                                        <p>
                                            Founded in 1961, Feng Chia University was restructured into a university in
                                            1980. It
                                            has
                                            10 colleges including the College of Engineering and Science
                                        </p>
                                        <p>......</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="Trine-University.html">
                            <div class="programs-banner-box">
                                <div class="badge">
                                    <img src="./img/Trine_University_Angola_seal.png" alt="">
                                </div>
                                <div class="Institution">
                                    <h5>TRINE UNIVERSITY</h5>
                                    <div class="Introduction">
                                        <p>Trine University is a private university in Angola, Indiana. It was founded
                                            in
                                            1884
                                            and offers degrees in the arts and sciences, business, education, and
                                            engineering.
                                        </p>
                                        <p>......</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="Keiser-University.html">
                            <div class="programs-banner-box">
                                <div class="badge">
                                    <img src="./img/Keiser_University_seal.svg.png" alt="">
                                </div>
                                <div class="Institution">
                                    <h5>KAISER UNIVERSITY</h5>
                                    <div class="Introduction">
                                        <p>

                                            Keiser University, founded in 1977, is a private university that provides
                                            educational programs at the undergraduate and graduate levels for a diverse
                                            student
                                            body in traditional, </p>
                                        <p>......</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href="Jinan-University.html">
                            <div class="programs-banner-box">
                                <div class="badge">
                                    <img src="./img/矢量智能对象.png" alt="">
                                </div>
                                <div class="Institution">
                                    <h5>JINAN UNIVERSITY</h5>
                                    <div class="Introduction">
                                        <p>
                                            Jinan University is the first university for overseas Chinese students
                                            founded
                                            in
                                            China. It is currently the university with the largest number of overseas
                                            students
                                            in China, </p>
                                        <p>......</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="view-all">
                    <a href="./Brandon-University.html">
                        <span> VIEW MORE</span>
                    </a>
                </div>
            </div>
            <div class="banner-left"></div>
            <div class="banner-right"></div>
        </div>
    </div>

    <div class="About-Accreditation-mian">
        <div class="About-Accreditation">
            <div class="title">
                <h1>Accreditation</h1>
            </div>
            <div class="Accreditation">
                <p>
                    Since 2013, part of the North American universities required
                    non-domestic transcript, which in use of credit transfer, to pass the
                    credential evaluation provided by NACES members, such as JS&A, WES, 
                    etc.. Part of the North American institutions do not require the
                    credential evaluation during the process of credit transfer, however, 
                    will request the non-domestic transcript to pass the above evaluation
                    when it is used for transferring between institutions or applying for
                    graduate programs.
                    <br />
                    <br />
                    The courses and the transcripts offered by the HETU Education and its
                    cooperative universities have passed the multiple evaluations provided
                    by NACES members and other authoritative credential evaluation
                    organizations, and are accepted by more than 368 universities from all
                    over the world. Meanwhile, student’s registration information will be
                    in long-term documentation to allow student to apply for transcripts
                    anytime for either graduate school applying or job applying.
                </p>
                <div class="Accreditation-img">
                    <img src="./img/Accreditation.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="combined-footer">
        <div class="combined-footer-main">
            <div><b>HETU INTERNATIONAL EDUCATION INC.</b> USA: 7421 FRANKFORD RD APT 1427, DALLAS, 75252, TX, USA</div>
            <div>Boston: 216 Lincoln St., Boston, MA02111 | Canada:422 RICHARDS ST UNIT 300, VANCOUVER, BC, V5B 2Z4, CANADA
            </div>
            <div>
                © 2022 Hetu international education LLC
            </div>
        </div>
    </div>

</body>
<script>
    const moveActive = document.querySelector('.navigationBar')
    window.addEventListener('scroll', function () {
        let moveScrollTop = document.documentElement.scrollTop
        let bodyTOP = document.body.scrollTop
        if (moveScrollTop > 720) {
            moveActive.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'
        }
        else {
            moveActive.style.backgroundColor = ''
        }
    })
</script>

<script>
    const arrow = document.querySelector(".arrow");
    const moveBar = document.querySelector(".moveBar");
    const redImg1 = document.querySelector("#img1");
    const redImg2 = document.querySelector("#img2");
    const redMoveBar = document.querySelector(".img-moveBar");
    const arr = document.querySelectorAll(".img-moveBar img");
    let index = 0;
    let redIndex = 0;

    function throttle(func, delay) {
        let timer;
        return function () {
            let context = this;
            let args = arguments;
            if (timer) {
                return;
            }
            timer = setTimeout(function () {
                func.apply(context, args)
                timer = null;
            }, delay)
        }
    }

    function debounce(func, delay) {
        // 设置定时器标识
        let timer;
        // 难点返回事件绑定函数
        return function () {
            // func指定this
            let context = this;
            // func参数
            let args = arguments;
            // 先清除定时器
            clearTimeout(timer);
            //设置定时器
            timer = setTimeout(() => {
                // 调用函数
                func.apply(context, args);
            }, delay);
        }
    }
    const handleClickRedLeftButton = () => {
        if (redIndex === 0) {
            redMoveBar.style.transition = "none";
            redMoveBar.style.transform = `translateX(-${(arr.length - 1) * 544}px)`;
            setTimeout(() => {
                redMoveBar.style.transition = "all 0.5s";
                redMoveBar.style.transform = `translateX(-${(arr.length - 2) * 544}px)`;
            }, 0)
            redIndex = arr.length - 2;
            return
        } else {
            redIndex--;
        }
        redMoveBar.style.transform = `translateX(-${redIndex * 544}px)`;
    }
    const handleClickRedRightButton = () => {
        if (redIndex === (arr.length - 2)) {
            redMoveBar.style.transition = "all 0.5s";
            redMoveBar.style.transform = `translateX(-${(arr.length - 1) * 544}px)`;
            setTimeout(() => {
                redMoveBar.style.transition = "none";
                redMoveBar.style.transform = `translateX(0px)`;
            }, 500)
            redIndex = 0;
            return
        } else {
            redIndex++;
        }
        redMoveBar.style.transition = "all 0.5s";
        redMoveBar.style.transform = `translateX(-${redIndex * 544}px)`;
    }
    const handleClick = () => {
        if (index === 0) {
            moveBar.style.transform = 'translateX(-100vw)';
            index++;
        } else {
            moveBar.style.transform = 'translateX(0)';
            index--;
        }
    }
    arrow.addEventListener("click", handleClick);

    redImg1.addEventListener("click", throttle(handleClickRedLeftButton, 500));
    redImg2.addEventListener("click", throttle(handleClickRedRightButton, 500));
</script>

<script>


    const programsBanner = document.querySelector('.About-Cooperative-programs-banner')
    const bannerLeft = document.querySelector('.banner-left')
    const bannerRight = document.querySelector('.banner-right')
    let moveLength = []
    bannerRight.addEventListener('click', function () {
        if (moveLength > -1200) {
            moveLength = moveLength - 400
            programsBanner.style.transform = `translateX(${moveLength}px)`
            programsBanner.classList.add('move')
            programsBanner.classList.remove('move1')
        }
    })
    bannerLeft.addEventListener('click', function () {
        if (moveLength < 0) {
            moveLength = moveLength + 400
            programsBanner.style.transform = `translateX(${moveLength}px)`
            programsBanner.classList.add('move1')
            programsBanner.classList.remove('move')
        }
    })
</script>

</html>